<!DOCTYPE html>
<head>
	<title>DT Validator首页、文档、示例和下载 - DESTINY Validator、文档、示例和下载 - jQuery 前端验证 - 大连首闻科技有限公司</title>
	<meta name="Keywords" content="DT Validator,DESTINY Validator,DT Validator是什么,DT Validator示例,DT Validator下载,前端验证插件,JavaScript,跨平台,jQuery验证插件"/>
	<meta name="Description" content="DESTINY Validator（DT Validator）是一款由大连首闻科技有限公司自主研发的基于MIT开源协议的前端验证组件，拥有使用简单、功能强大、跨浏览器支持、程序思路清晰、高效加载等众多优秀素质。"/>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<!-- favicon -->
	<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
	<!-- doc css -->
	<link rel="stylesheet" type="text/css" href="css/doc.css" />
	<!-- icon css -->
	<link rel="stylesheet" type="text/css" href="css/icons.css" />
	<!-- jQuery -->
	<script type="text/javascript" src="../dependents/jquery/jquery.min.js"></script>
	<!-- bootstrap -->
	<script type="text/javascript" src="../dependents/bootstrap/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../dependents/bootstrap/css/bootstrap.min.css" />
	<!--[if lt IE 9]>
		<script src="../dependents/bootstrap/plugins/ie/html5shiv.js"></script>
		<script src="../dependents/bootstrap/plugins/ie/respond.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<script src="../dependents/bootstrap/plugins/ie/json2.js"></script>
	<![endif]-->
	<!-- font-awesome -->
	<link rel="stylesheet" type="text/css" href="../dependents/fontAwesome/css/font-awesome.min.css" media="all" />
	<!-- dtvalidator -->
	<script type="text/javascript" src="../jquery.dtValidator.min.js"></script>
	<script type="text/javascript" src="../i18n/zh-tw.js"></script>
	<link rel="stylesheet" type="text/css" href="../jquery.dtValidator.min.css" />
	<!-- datePicker -->
	<script type="text/javascript" src="../dependents/datePicker/WdatePicker.js" defer="defer"></script>
	<link rel="stylesheet" type="text/css" href="../dependents/datePicker/skin/WdatePicker.css" />
	<link rel="stylesheet" type="text/css" href="../dependents/datePicker/skin/default/datepicker.css" />
	<!-- toTop -->
	<script type="text/javascript" src="toTop/jquery.toTop.js"></script>
	<link rel="stylesheet" type="text/css" href="toTop/jquery.toTop.css" />
</head>
<body>
	<header class="navbar navbar-inverse navbar-absolute-top" role="banner">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
					<span class="sr-only">工具</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="http://www.dtvalidator.com" class="navbar-brand">
					<i class="icon icon-destiny-validator"></i>&nbsp;&nbsp;DESTINY Validator
				</a>
			</div>
			<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
				<ul class="nav navbar-nav">
					<li id="nav_home">
						<a href="index.html"><i class="fa fa-home"></i>&nbsp;&nbsp;首页</a>
					</li>
					<li id="nav_example" class="active">
						<a href="example.html"><i class="fa fa-table"></i>&nbsp;&nbsp;示例</a>
					</li>
					<li id="nav_document">
						<a href="document.html"><i class="fa fa-file-text-o"></i>&nbsp;&nbsp;文档</a>
					</li>
					<li id="nav_download">
						<a href="download.html"><i class="fa fa-download"></i>&nbsp;&nbsp;下载</a>
					</li>
					<li id="nav_about">
						<a href="about.html"><i class="fa fa-info"></i>&nbsp;&nbsp;关于</a>
					</li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li id="nav_donate" class="donate">
						<a href="donate.html"><i class="fa fa-usd"></i>&nbsp;&nbsp;捐助DT Validator</a>
					</li>
				</ul>
			</nav>
		</div>
	</header>
	<div class="container">
		<script type="text/javascript">
		var validator_2_2_2;
		function submit_2_2_2(){
			if(!validator_2_2_2.validResult()){
				return;
			}
			$.fn.DtValidator.tools.toast('验证通过！', 'success', 3000);
		}
		$(function(){
			validator_2_2_2 = $('#form_2_2_2').dtValidator();
		});
		</script>
		<div class="form-container">
			<form class="form-horizontal" id="form_2_2_2" method="post">
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">邮箱：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_1" name="test_2_2_2_1" class="form-control" valid="r|email" 
							validTitle="邮箱" validInfoArea="test_2_2_2_1_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_1_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">座机：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_2" name="test_2_2_2_2" class="form-control" valid="r|phone" 
							validTitle="座机" validInfoArea="test_2_2_2_2_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_2_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">英文数字：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_3" name="test_2_2_2_3" class="form-control" valid="r|english_number" 
							validTitle="英文数字" validInfoArea="test_2_2_2_3_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_3_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">手机：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_4" name="test_2_2_2_4" class="form-control" valid="r|mobil" 
							validTitle="手机" validInfoArea="test_2_2_2_4_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_4_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">链接：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_5" name="test_2_2_2_5" class="form-control" valid="r|url" 
							validTitle="链接" validInfoArea="test_2_2_2_5_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_5_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">金额：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_6" name="test_2_2_2_6" class="form-control" valid="r|money" 
							validTitle="金额" validInfoArea="test_2_2_2_6_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_6_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">数值：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_7" name="test_2_2_2_7" class="form-control" valid="r|number" 
							validTitle="数值" validInfoArea="test_2_2_2_7_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_7_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">邮政编码：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_8" name="test_2_2_2_8" class="form-control" valid="r|zip" 
							validTitle="邮政编码" validInfoArea="test_2_2_2_8_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_8_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">QQ：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_9" name="test_2_2_2_9" class="form-control" valid="r|qq" 
							validTitle="QQ" validInfoArea="test_2_2_2_9_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_9_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">整数：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_10" name="test_2_2_2_10" class="form-control" valid="r|integer" 
							validTitle="整数" validInfoArea="test_2_2_2_10_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_10_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">浮点数：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_11" name="test_2_2_2_11" class="form-control" valid="r|double" 
							validTitle="浮点数" validInfoArea="test_2_2_2_11_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_11_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">英文：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_12" name="test_2_2_2_12" class="form-control" valid="r|english" 
							validTitle="英文" validInfoArea="test_2_2_2_12_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_12_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">中文：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_13" name="test_2_2_2_13" class="form-control" valid="r|chinese" 
							validTitle="中文" validInfoArea="test_2_2_2_13_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_13_info_area"></p></div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label text-right">身份证：</label>
					<div class="col-sm-4">
						<input type="text" id="test_2_2_2_14" name="test_2_2_2_14" class="form-control" valid="r|card" 
							validTitle="身份证" validInfoArea="test_2_2_2_14_info_area" />
					</div>
					<div class="col-sm-6"><p class="help-block" id="test_2_2_2_14_info_area"></p></div>
				</div>
				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
						<button type="button" class="btn btn-primary" onclick="submit_2_2_2();">
							<i class="fa fa-save"></i>&nbsp;&nbsp;提交表单
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="footer">
		<div class="container copyright">
			<a href="http://www.dlshouwen.com">大连首闻科技有限公司</a>旗下产品
			&nbsp;&nbsp;
			<a href="http://dtvalidator.com">dtvalidator.com</a>
			&nbsp;&nbsp;
			<a href="javascript:void(0);">辽ICP备14014868号-5</a>
		</div>
	</div>
	<div id="back-to-top" class="back-to-top" title="回到顶部"><i class="fa fa-arrow-circle-up"></i></div>
</body>
</html>